<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AnyChat双录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="./css/nifty.min.css" rel="stylesheet" type="text/css"/>
    <link href="./css/sample.css" rel="stylesheet" type="text/css" />
    <!-- 加载AnyChat for Web SDK库  -->
    <script language="javascript" type="text/javascript" src="./javascript/anychat4html5.min.js" charset="GB2312"></script>
    <script language="javascript" type="text/javascript" src="./javascript/anychatsdk.js" charset="GB2312"></script>
    <script language="javascript" type="text/javascript" src="./javascript/anychatevent.js" charset="GB2312"></script>
    <script language="javascript" type="text/javascript" src="./javascript/jquery-1.12.1.min.js"></script>
    <script type="text/javascript" src="./javascript/bootstrap.min.js"></script>

    <style>
        .panel-body {
            padding: 25px 40px;
        }
    </style>

</head>
<body onload="LogicInit()" style="overflow-x: hidden;" class="nifty-ready  pace-done bg-img-1" >

<!--系统日志信息层-->
<div id="LOG_DIV_BODY" >
    <img src="images/left101.png" class="left">
    <div id="LOG_DIV_TITLE" style="font-size: 18px"></div>
    <div id="LOG_DIV_CONTENT"></div>
</div>

<!--操作等待层 -->
<div id="LOADING_DIV"><img src="./images/LoadImg.gif" alt="请等待..." style=" height:50px;" /></div>

<!--灰色背景透明层 -->
<div id="LOADING_GREY_DIV"></div>

<!--所有界面与浏览器顶部距离层 -->
<!--<div id="margintop"></div>-->

<div id="MAIN_DIV">
    <!--安装插件提示层 -->
    <div id="prompt_div">
        <div class="close_div">
            <div id="prompt_div_headline1">插件安装提示</div>
            <div id="prompt_div_headline2">刷新</div>
        </div>
        <div>
            <div id="prompt_div_line1"></div>
            <div id="prompt_div_line2">控件安装完成后，请重启浏览器</div>
            <div id="prompt_div_btn_load" onclick="window.open('http://anychat.oss-cn-hangzhou.aliyuncs.com/AnyChatWebSetup.exe')">下载安装</div>
        </div>
        <div style="height: 85px;">
            <div id="prompt_div_BR">
                <a href="http://www.anychat.cn/">AnyChat</a>&nbsp;|&nbsp;<a href="http://www.bairuitech.com/">佰锐科技</a>
            </div>
        </div>
    </div>

    <!--登录层start-->
    <div class="row text-left" id="login_div" >
        <div class="top-content">
            <div class="inner-bg">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-8 col-sm-offset-2 text">
                            <h1><strong>AnyChat</strong></h1>
                            <div class="description">
                                <p style="font-size: 16px">
                                    AnyChat双录
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4 col-sm-offset-4 form-box">
                            <div class="form-bottom">
                                <form role="form" action="" method="post" class="login-form" onsubmit="return false">
                                    <div class="form-group">
                                        <label for="username" class="control-label">用户名</label>
                                        <input type="text" placeholder="请输入用户名" class="form-control input-lg" id="username"/>
                                        <p class="help-block red" id="user" style="display: none">*请输入用户名</p>
                                    </div>
                                    <div class="form-group">
                                        <label for="password" class="control-label">密码</label>
                                        <input type="text" id="password"  onfocus="PasswordFocus(this,'white')" onblur="myblur(this,'white')"  value=""  class="form-control input-lg">
                                        <p class="help-block red" id="pass" style="display: none">*请输入密码</p>
                                    </div>
                                    <div class="form-group">
                                        <label for="password" class="control-label">图片验证码</label>
                                        <div></div>
                                        <!--<input type="text" id="password"  onfocus="PasswordFocus(this,'white')" onblur="myblur(this,'white')"  value=""  class="form-control input-lg">-->
                                        <input type="text" id="code" class="form-control input-lg" style="width: 69%;float: left"><img src="./images/code/1.png" style="width: 30%;height:37px;cursor: pointer" id="code_img" onclick="code_click()">
                                        <div></div>
                                        <p class="help-block red" id="code_" style="display: none">*请输入正确图片验证码</p>
                                    </div>
                                    <button class="btn btn-info btn-lg mar-top" type="submit" id="loginbtn">登录</button>
                                    <button class="btn btn-primary hide" id="setting">设置</button>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="row mar-top" style="display: none" id="setting_div">
                            <form role="form" class="form-inline" onsubmit="return false">
                                <div class="form-group">
                                    <label for="username" class="control-label">服务端</label>
                                    <input type="text" id="ServerAddr" style="width:120px;" class="form-control"/>
                                </div>
                                <div class="form-group">
                                    <label for="password" class="control-label">端口</label>
                                    <input type="text" id="ServerPort" style="width:60px;"  class="form-control"/>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--登录层end-->

    <!--新房间界面 -->
    <div id="room_div" class="text-left">
        <div class="row pad-all">
            <div class="col-sm-7 col-md-7" id="room_left">
                <!--ppt start-->
                <div id="pptArea">
                    <div id="ppt">
                        <!--<div class="pptleft" id="openppt">-->
                        <!--PPT-->
                        <!--</div>-->

                        <div class="pptview" id="pptview">
                            <div class="panel panel-success" style="margin-bottom: 0">
                                <div class="panel-heading">
                                    <h3 class="panel-title">产品信息展示</h3>
                                </div>
                                <div class="panel-body">
                                    <div class="ppt bord-all">
                                        <!--<p class="pad-lft pad-top">实例div id=mediaView</p>-->
                                        <div id="mediaView">

                                        </div>
                                        <div class="loading-icon" style="display:none;"></div>
                                    </div>
                                    <div class="voice-box">
                                        <div class="bar">
                                            <div class="voice" id="mediaView_process"></div>
                                        </div>
                                        <div class="voice-total-time" id="play_time">

                                        </div>
                                    </div>
                                    <div class="text-center mar-top">
                                        <button class="btn btn-primary pull-left" id="page-left">上一张</button>
                                        <button class="btn btn-primary pull-left mar-lft" id="page-right">下一张</button>
                                        <!--<span style="line-height: 30px;font-size: 17px"><span id="ppt_page_num">1</span>/<span id="ppt_all_page_num"></span>页</span>-->

                                        <button class="btn btn-primary pull-right" id="play-auto-ppt">播放</button>
                                        <button class="btn btn-warning pull-right mar-rgt" id="stop">停止</button>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--ppt end-->
            </div>

            <!--有部分-->
            <div class="col-sm-5 col-md-5" id="room_right">
                <div class="productList">
                    <div class="panel panel-success" style="margin-bottom: 0">
                        <div class="panel-heading">
                            <h3 class="panel-title">产品列表</h3>
                        </div>
                        <div class="panel-body">
                        <ul>
                            <li>
                                <span>MP4</span>
                                <button class="btn btn-primary pull-right downloadPPt">下载</button>
                                <!--下载进度条-->
                                <div class="process_box">
                                    <div class="bar">
                                        <div class="progress"></div>
                                    </div>
                                </div>

                            </li>
                            <li>
                                <span>PPT</span>
                                <button class="btn btn-primary pull-right downloadPPt">下载</button>
                                <!--下载进度条-->
                                <div class="process_box">
                                    <div class="bar">
                                        <div class="progress"></div>
                                    </div>
                                </div>

                            </li>
                            <li>
                                <span>MP3</span>
                                <button class="btn btn-primary pull-right downloadPPt">下载</button>
                                <!--下载进度条-->
                                <div class="process_box">
                                    <div class="bar">
                                        <div class="progress"></div>
                                    </div>
                                </div>

                            </li>
                            <!--以下两个例子可直接实例媒体对象，无需经过下载过程( data-fileid 用于存放sdk生成的fileid )-->
                            <!--<li>
                                <span>MP4</span>
                                <button class="btn btn-primary pull-right downloadPPt noDownload" data-fileid="">实例</button>
                            </li>
                            <li>
                                <span>MP3</span>
                                <button class="btn btn-primary pull-right downloadPPt noDownload" data-fileid="">实例</button>
                            </li>-->

                        </ul>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>


</body>
<script language="javascript" type="text/javascript" src="./javascript/login.js" charset="gb2312"></script>
<script language="javascript" type="text/javascript" src="./javascript/sample.js" charset="gb2312"></script>
<script language="javascript" type="text/javascript" src="./javascript/AnyChatMediaUtils.js" charset="gb2312"></script>


</html>